<template>
	<view class="timechoose" v-if="shareToggle">
		<view class="content">
			<view class="title">V豆不足</view>
			<view class="con"> 邀请即可得30V豆，赶紧去邀请吧！</view>
			<view class="btns box">
				<button :loading='loading' class="kfbt sub_btn btn_child" open-type='share'>邀请好友</button>
			</view>
			<view class="close" @tap='handleClose'>
				<image src="/static/images/icon_close3.png"></image>
			</view>
		</view>
		<view class="make" @tap='handleClose'></view>
	</view>
</template>

<script>
	import bus from "../../common/bus"
	export default {
		data(){
			return {
				loading: false
			}
		},
		props: [
			"shareToggle"
		],
		methods: {
			handleClose() {
				bus.$emit("closeShare", false)
			}
		},
	}
</script>

<style scoped lang="scss">
	.timechoose {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 88888;
	}

	.timechoose .content {
		position: absolute;
		top: 428rpx;
		left: 10%;
		width: 80%;
		z-index: 88;
		background: #fff;
		border-radius: 36rpx;
	}

	.timechoose .content .close {
		position: absolute;
		width: 60rpx;
		height: 60rpx;
		bottom: -182rpx;
		left: 50%;
		margin-left: -30rpx;
	}

	.timechoose .content .close image {
		width: 60rpx;
		height: 60rpx;
	}

	.timechoose .content .title {
		color: #2f2f2f;
		font-size: 32rpx;
		text-align: center;
		padding: 48rpx 26rpx;
		line-height: 44rpx;
		font-weight: bolder;
	}

	.timechoose .content .con {
		font-size: 28rpx;
		color: #818181;
		line-height: 50rpx;
		padding: 0 44rpx;
		text-align: center;
		/* text-indent: 2em; */
	}

	.timechoose .content .btns {
		margin-top: 58rpx;
		height: 88rpx;
		width: 100%;
		border-radius: 0 0 36rpx 36rpx;
		overflow: hidden;
	}

	.timechoose .content .btns .btn_child {
		width: 100%;
		text-align: center;
		line-height: 88rpx;
		color: #fff;
	}

	.timechoose .content .btns .back_btn {
		background: #d8d8d8;
	}

	.timechoose .content .btns .sub_btn {
		background: #0ec124;
	}

	.timechoose .make {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.5);
	}
</style>
